@charset "UTF-8";

@import url('form.css');
@import url('actions.css');
@import url('news.css');
@import url('table.css');
@import url('collection.css');
@import url('feedbackMessage.css');
@import url('position.css');

/*
 * Elia Contini 8 Apr 2011
 */

/*****************************************************************************
									COMMONS
*****************************************************************************/

html
	{
		
	}

body
	{
		background: #f5f6f7 url('../img/bg.jpg') repeat-x top left;
		color: #333;
		font-family: sans-serif;
		font-size: 1.0em;
		margin: 0;
		padding: 0
	}

#wrapper
	{
		margin: 0 auto;
		padding: 0;
		position: relative;
		width: 1024px
	}
	
hr
	{
		display: none
	}
	
.hidden
	{
		height: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 0
	}
	
h1, h2, h3, header, section, footer
	{
		/*border: 1px solid #00f;*/
		clear: both;
		display: block;
		position: relative
	}
	
h1
	{
		font-size: 1.6em;
	}
	
h2
	{
		font-size: 1.4em;
	}
	
h3
	{
		font-size: 1.2em;
	}
	
#toolbar
	{
		border: 1px solid #bbb;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #ddd;
		margin: 0;
		padding: 0.25em;
		position: absolute;
		right: 1em;
		top: 0.5em;
		z-index: 1000
	}
	
span.button a:link, span.button a:visited
	{
		background-color: #333;
		border: 2px solid #bbb;
		border-radius: 5px;
		color: #fa0;
		display: block;
		font-size: 16px;
		font-weight: bold;
		margin: 0 auto;
		padding: 0.25em;
		text-align: center;
		text-decoration: none !important;
		vertical-align: middle;
		width: 8.5em
	}

span.button a:hover, span.button a:active
	{
		background-color: #fa0;
		color: #333 !important;
	}
	
span.filter a:link, a:visited
	{
		border-radius: 20px;
		float: right;
		margin: 0.25em 0.5em 1em 0;
		width: 1em
	}

div.colLeft
	{
		/*border: 1px solid #00f;*/
		float: left;
		width: 58%
	}
	
div.colRight
	{
		/*border: 1px solid #00f;*/
		float: right;
		width: 38%
	}
	
address
	{
		display: inline;
		font-style: normal;
	}
	
address a:link, address a:visited
	{
		color: #fa0;
		text-decoration: none
	}
	
/*****************************************************************************
									HEADER
*****************************************************************************/

header
	{
		background-color: #333;
		color: #ddd;
		margin: 0;
		padding: 4px;
		width: 1016px
	}
	
#title
	{
		display: block;
		font-size: 2.5em;
		font-weight: bold
	}
	
#claim
	{
		display: block
	}
	
/*****************************************************************************
							     NAVIGATION
*****************************************************************************/
nav
	{
		margin: 0;
		padding: 0;
	}
	
nav ul
	{
		background: transparent url('../img/bg-nav.png') repeat-x top left;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		display: block;
		float: left;
		list-style: none;
		margin: 0;
		padding: 4px 0 0 324px;
		width: 700px
	}
	
nav li a
	{
		background-color: #333;
		border-width: 1px 1px 0 1px;
		border-style: solid;
		border-color: #333;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		display: block;
		font-size: 1.1em;
		float: left;
		margin: 0 0.5em 0 0;
		padding: 0.25em
	}
	
nav li a:link, nav li a:visited
	{
		color: #fa0;
		font-weight: bold;
		text-decoration: none
	}
	
nav li a:hover, nav li a:active
	{
		background: #f5f6f7 url('../img/bg.jpg') repeat-x top left;
		color: #333;
	}

nav li #current
	{
		background: #f5f6f7 url('../img/bg.jpg') repeat-x top left;
		color: #333
	}
	
/*****************************************************************************
								 BREADCRUMBS
*****************************************************************************/

#breadCrumbs
	{
		background-color: #333;
		border: 1px solid #ccc;
		border-radius: 5px;
		color: #ccc;
		font-weight: bold;
		margin: 0;
		padding:0 0 0 0.5em;
	}
	
#breadCrumbs a:link, #breadCrumbs a:visited
	{
		background: transparent url('../img/breadcrumb.png') no-repeat 100% 50%;
		color: #ccc;
		display: inline-block;
		padding: 0.5em 1.25em 0.5em 0;
		text-decoration: none
	}
	
#breadCrumbs a:hover, #breadCrumbs a:active
	{
		color: #fa0
	}
	
#breadCrumbs span.itemName
	{
		display: inline-block;
		padding: 0.5em 0 0.5em 0.25em
	}

/*****************************************************************************
								   CONTENTS
*****************************************************************************/

#content
	{
		padding: 1em 1em .25em 1em
	}
	
/*****************************************************************************
									FOOTER
*****************************************************************************/
footer
	{
		background-color: #333;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		bottom: 0;
		clear: both;
		color: #ddd;
		font-size: 0.8em;
		left: 0;
		margin: 0 20%;
		padding: 0.5em 0;
		position: fixed;
		text-align: center;
		width: 60%
	}